<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>产品选型</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/cpxx.css">
</head>

<body>
    <div class="home">

        <div class="header header_page">
            <div class="box">
                <div class="l">
                    <a href="./index.html" class="logo">
                        <img src="./images/logo.png" alt="">
                        <img src="./images/logo2.png" alt="">
                    </a>
                    <div class="links">
                        <div class="item">
                            <a href="./index.html" class="a1">
                                <p>首页</p>
                            </a>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./solution.html" class="a1">
                                <p>行业解决方案</p>
                            </a>
                            <div class="bmenu animated fadeIn">
                                <div class="lt">
                                    <p class="cn animated fadeInUp">行业解决方案</p>
                                    <p class="en animated fadeInUp">solution</p>
                                </div>
                                <div class="rc">
                                    <div class="list">
                                        <a href="./solution.html" class="animated fadeInUp">
                                            <p>半导体</p>
                                        </a>
                                        <a href="./solution.html" class="animated fadeInUp">
                                            <p>生物制药</p>
                                        </a>
                                        <a href="./solution.html" class="animated fadeInUp">
                                            <p>能源</p>
                                        </a>
                                        <a href="./solution.html" class="animated fadeInUp">
                                            <p>化工</p>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./products.html" class="a1 active">
                                <p>产品与服务</p>
                            </a>
                            <div class="bmenu animated fadeIn">
                                <div class="lt">
                                    <p class="cn animated fadeInUp">产品与服务</p>
                                    <p class="en animated fadeInUp" id="text_en">product</p>
                                </div>
                                <div class="rc">
                                    <div class="list pro_menu">
                                        <a  class="active_menu animated fadeInUp">
                                            <p>产品中心</p>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#386EB5" />
                                            <path d="M15 6L21 12L15 18" stroke="#386EB5" />
                                        </svg>
                                        </a>
                                        <a   class="animated fadeInUp">
                                            <p>服务与售后</p>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#386EB5" />
                                            <path d="M15 6L21 12L15 18" stroke="#386EB5" />
                                        </svg>
                                        </a>
                                    </div>
                                    <div class="list second_menu">
                                        <div class="on">
                                            <a href="./products.html" class="animated fadeInUp">
                                                <p>磁悬浮转台</p>
                                            </a>
                                            <a href="./products.html" class="animated fadeInUp">
                                                <p>磁悬浮泵</p>
                                            </a>
                                            <a href="./products.html" class="animated fadeInUp">
                                                <p>能源</p>
                                            </a>
                                            <a href="./products.html" class="animated fadeInUp">
                                                <p>化工</p>
                                            </a>
                                        </div>
                                        <div>
                                            <a href="./cpxx.html" class="animated fadeInUp">
                                                <p>产品选型</p>
                                            </a>
                                            <a href="./customization.html" class="animated fadeInUp">
                                                <p>产品定制</p>
                                            </a>
                                            <a href="./fwsh.html" class="animated fadeInUp">
                                                <p>服务与售后</p>
                                            </a>
                                            <a href="./downloads.html" class="animated fadeInUp">
                                                <p>下载中心</p>
                                            </a>
                                            <a href="./faq.html" class="animated fadeInUp">
                                                <p>F&Q</p>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./tech.html" class="a1">
                                <p>技术与创新</p>
                            </a>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./news.html" class="a1">
                                <p>新闻资讯</p>
                            </a>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./about.html" class="a1 ">
                                <p>关于我们</p>
                            </a>
                            <div class="bmenu animated fadeIn">
                                <div class="lt">
                                    <p class="cn animated fadeInUp">关于我们</p>
                                    <p class="en animated fadeInUp">about us</p>
                                </div>
                                <div class="rc">
                                    <div class="list">
                                        <a href="./about.html" class="animated fadeInUp">
                                            <p>关于我们</p>
                                        </a>
                                        <a href="./recruitment.html" class="animated fadeInUp">
                                            <p>招贤纳士</p>
                                        </a>
                                        <a href="./contact.html" class="animated fadeInUp">
                                            <p>联系我们</p>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="r">
                    <div class="search">
                        <a href="./search.html">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                fill="none">
                                <path
                                    d="M10.5 19C15.1944 19 19 15.1944 19 10.5C19 5.8056 15.1944 2 10.5 2C5.8056 2 2 5.8056 2 10.5C2 15.1944 5.8056 19 10.5 19Z"
                                    stroke="white" stroke-width="1.5" />
                                <path
                                    d="M13.3287 7.17155C12.6049 6.4477 11.6049 6 10.5003 6C9.39572 6 8.39573 6.4477 7.67188 7.17155"
                                    stroke="white" stroke-width="1.5" stroke-linecap="square" />
                                <path d="M17 17L20.854 20.8535" stroke="white" stroke-width="2"
                                    stroke-linecap="square" />
                            </svg>
                        </a>
                        <input type="text" placeholder="输入您想查询的信息" id="search">
                    </div>
                    <div class="lan">
                        <a href="">CN</a>
                        <a href="">EN</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                    <img src="./images/logo2.png" alt="">
                </a>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>

        <div class="menuList">
            <div class="lan">
                <a href="">CN</a>
                <a href="">EN</a>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./index.html">首页</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./solution.html">行业解决方案</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./solution.html">半导体</a>
                    <a href="./solution.html">生物制药</a>
                    <a href="./solution.html">能源</a>
                    <a href="./solution.html">化工</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./products.html">产品与服务</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./cpxx.html">产品选型</a>
                    <a href="./customization.html">产品定制</a>
                    <a href="./fwsh.html">服务与售后</a>
                    <a href="./downloads.html">下载中心</a>
                    <a href="./faq.html">F&Q</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./tech.html">技术与创新</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./news.html">新闻资讯</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./about.html">关于我们</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./recruitment.html">招贤纳士</a>
                    <a href="./contact.html">联系我们</a>
                </div>
            </div>
        </div>
        
        <div class="banner">
            <img src="./images/fwban.png" alt="">
            <div class="text">
                <p class="p1">service</p>
                <p class="p2">服务支持</p>
            </div>
            <div class="types">
                <div class="items">
                    <a class="item active" href="./cpxx.html">
                        <div class="p1">
                            <p>产品选型</p>
                        </div>
                    </a>
                    <a href="customization.html" class="item">
                        <div class="p1">
                            <p>产品定制</p>
                        </div>
                    </a>
                    <a class="item " href="./fwsh.html">
                        <div class="p1">
                            <p>服务与售后</p>
                        </div>
                    </a>
                    <a class="item" href="./downloads.html">
                        <div class="p1">
                            <p>下载中心</p>
                        </div>
                    </a>
                    <a class="item" href="./faq.html">
                        <div class="p1">
                            <p>FAQ</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>


        <div class="main">

            <div class="section1">
                <div class="t">产品选型</div>
                <div class="chose1">
                    <div class="item">
                        <p class="p1">产品类型</p>
                        <div class="xz">
                            <select name="" id="">
                                <option value="请选择">请选择</option>
                                <option value="磁悬浮泵">磁悬浮泵</option>
                                <option value="磁悬浮泵2">磁悬浮泵2</option>
                                <option value="磁悬浮泵3">磁悬浮泵3</option>
                            </select>
                        </div>
                    </div>
                    <div class="item">
                        <p class="p1">应用行业场景</p>
                        <div class="xz">
                            <select name="" id="">
                                <option value="请选择">请选择</option>
                                <option value="应用行业场景">应用行业场景</option>
                                <option value="应用行业场景2">应用行业场景2</option>
                                <option value="应用行业场景3">应用行业场景3</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="chose2">
                    <div class="tt">参数选择</div>
                    <div class="items">
                        <div class="item">
                            <div class="pi">
                                <div class="st">最大输出压力(bar)</div>
                                <div class="xz">
                                    <select name="" id="">
                                        <option value="请选择">请选择</option>
                                        <option value="100">100</option>
                                        <option value="200">200</option>
                                        <option value="300">300</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="pi">
                                <div class="st">最大流量(L/min)</div>
                                <div class="xz">
                                    <select name="" id="">
                                        <option value="请选择">请选择</option>
                                        <option value="100">100</option>
                                        <option value="200">200</option>
                                        <option value="300">300</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="pi">
                                <div class="st">介质最高温度(℃)<span>*</span></div>
                                <div class="xz">
                                    <select name="" id="">
                                        <option value="请选择">请选择</option>
                                        <option value="100">100</option>
                                        <option value="200">200</option>
                                        <option value="300">300</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="pi">
                                <div class="st">粘度(cp)<span>*</span></div>
                                <div class="xz">
                                    <select name="" id="">
                                        <option value="请选择">请选择</option>
                                        <option value="100">100</option>
                                        <option value="200">200</option>
                                        <option value="300">300</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="pi">
                                <div class="st">最高转速(rpm)<span>*</span></div>
                                <div class="xz">
                                    <select name="" id="">
                                        <option value="请选择">请选择</option>
                                        <option value="1000">1000</option>
                                        <option value="2000">2000</option>
                                        <option value="5000">5000</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="pi">
                                <div class="st">泵头材料<span>*</span></div>
                                <div class="xz">
                                    <select name="" id="">
                                        <option value="请选择">请选择</option>
                                        <option value="泵头材料1">泵头材料1</option>
                                        <option value="泵头材料2">泵头材料2</option>
                                        <option value="泵头材料3">泵头材料3</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="pi">
                                <div class="st">磁铁镀膜<span>*</span></div>
                                <div class="xz">
                                    <select name="" id="">
                                        <option value="请选择">请选择</option>
                                        <option value="磨砂">磨砂</option>
                                        <option value="磨砂2">磨砂2</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="pi">
                                <div class="st">泵机涂层<span>*</span></div>
                                <div class="xz">
                                    <select name="" id="">
                                        <option value="请选择">请选择</option>
                                        <option value="泵机涂层2">泵机涂层1</option>
                                        <option value="泵机涂层2">泵机涂层2</option>
                                        <option value="泵机涂层3">泵机涂层3</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="pi">
                                <div class="st">散热模块<span>*</span></div>
                                <div class="xz">
                                    <select name="" id="">
                                        <option value="请选择">请选择</option>
                                        <option value="应用行业场景">应用行业场景</option>
                                        <option value="应用行业场景2">应用行业场景2</option>
                                        <option value="应用行业场景3">应用行业场景3</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="pi">
                                <div class="st">延长线（默认3m）</div>
                                <div class="xz">
                                    <select name="" id="">
                                        <option value="请选择">请选择</option>
                                        <option value="应用行业场景">应用行业场景</option>
                                        <option value="应用行业场景2">应用行业场景2</option>
                                        <option value="应用行业场景3">应用行业场景3</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="items">
                        <div class="item">
                            <div class="pi">
                                <div class="st">11压力(bar)</div>
                                <div class="xz">
                                    <select name="" id="">
                                        <option value="请选择">请选择</option>
                                        <option value="100">100</option>
                                        <option value="200">200</option>
                                        <option value="300">300</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="pi">
                                <div class="st">11流量(L/min)</div>
                                <div class="xz">
                                    <select name="" id="">
                                        <option value="请选择">请选择</option>
                                        <option value="100">100</option>
                                        <option value="200">200</option>
                                        <option value="300">300</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="pi">
                                <div class="st">介质最高温度(℃)<span>*</span></div>
                                <div class="xz">
                                    <select name="" id="">
                                        <option value="请选择">请选择</option>
                                        <option value="100">100</option>
                                        <option value="200">200</option>
                                        <option value="300">300</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="pi">
                                <div class="st">粘度(cp)<span>*</span></div>
                                <div class="xz">
                                    <select name="" id="">
                                        <option value="请选择">请选择</option>
                                        <option value="100">100</option>
                                        <option value="200">200</option>
                                        <option value="300">300</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="btns">
                    <div class="btn1">搜索</div>
                    <div class="btn2">重置</div>
                </div>
            </div>

            <div class="section2">
                <div class="t">相关产品推荐</div>
                <div class="list">
                    <a href="./products.html">
                        <div class="pic">
                            <img src="./images/pro.png" alt="">
                        </div>
                        <div class="pt">
                            <p>SCM磁悬浮晶圆转台</p>
                        </div>
                        <div class="text">
                            <div class="db">
                                <p class="p1">Supermag®  SCP600</p>
                                <div class="ds">
                                    <p class="pd1">最大流量</p>
                                    <p class="pd2">75 L/min</p>
                                </div>
                                <div class="ds">
                                    <p class="pd1">最大压头</p>
                                    <p class="pd2">3.2 Bar</p>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="./products.html">
                        <div class="pic">
                            <img src="./images/pro.png" alt="">
                        </div>
                        <div class="pt">
                            <p>SCM磁悬浮晶圆转台</p>
                        </div>
                        <div class="text">
                            <div class="db">
                                <p class="p1">Supermag®  SCP600</p>
                                <div class="ds">
                                    <p class="pd1">最大流量</p>
                                    <p class="pd2">75 L/min</p>
                                </div>
                                <div class="ds">
                                    <p class="pd1">最大压头</p>
                                    <p class="pd2">3.2 Bar</p>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="./products.html">
                        <div class="pic">
                            <img src="./images/pro.png" alt="">
                        </div>
                        <div class="pt">
                            <p>SCM磁悬浮晶圆转台</p>
                        </div>
                        <div class="text">
                            <div class="db">
                                <p class="p1">Supermag®  SCP600</p>
                                <div class="ds">
                                    <p class="pd1">最大流量</p>
                                    <p class="pd2">75 L/min</p>
                                </div>
                                <div class="ds">
                                    <p class="pd1">最大压头</p>
                                    <p class="pd2">3.2 Bar</p>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="./products.html">
                        <div class="pic">
                            <img src="./images/pro.png" alt="">
                        </div>
                        <div class="pt">
                            <p>SCM磁悬浮晶圆转台</p>
                        </div>
                        <div class="text">
                            <div class="db">
                                <p class="p1">Supermag®  SCP600</p>
                                <div class="ds">
                                    <p class="pd1">最大流量</p>
                                    <p class="pd2">75 L/min</p>
                                </div>
                                <div class="ds">
                                    <p class="pd1">最大压头</p>
                                    <p class="pd2">3.2 Bar</p>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="./products.html">
                        <div class="pic">
                            <img src="./images/pro.png" alt="">
                        </div>
                        <div class="pt">
                            <p>SCM磁悬浮晶圆转台</p>
                        </div>
                        <div class="text">
                            <div class="db">
                                <p class="p1">Supermag®  SCP600</p>
                                <div class="ds">
                                    <p class="pd1">最大流量</p>
                                    <p class="pd2">75 L/min</p>
                                </div>
                                <div class="ds">
                                    <p class="pd1">最大压头</p>
                                    <p class="pd2">3.2 Bar</p>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="./products.html">
                        <div class="pic">
                            <img src="./images/pro.png" alt="">
                        </div>
                        <div class="pt">
                            <p>SCM磁悬浮晶圆转台</p>
                        </div>
                        <div class="text">
                            <div class="db">
                                <p class="p1">Supermag®  SCP600</p>
                                <div class="ds">
                                    <p class="pd1">最大流量</p>
                                    <p class="pd2">75 L/min</p>
                                </div>
                                <div class="ds">
                                    <p class="pd1">最大压头</p>
                                    <p class="pd2">3.2 Bar</p>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="./products.html">
                        <div class="pic">
                            <img src="./images/pro.png" alt="">
                        </div>
                        <div class="pt">
                            <p>SCM磁悬浮晶圆转台</p>
                        </div>
                        <div class="text">
                            <div class="db">
                                <p class="p1">Supermag®  SCP600</p>
                                <div class="ds">
                                    <p class="pd1">最大流量</p>
                                    <p class="pd2">75 L/min</p>
                                </div>
                                <div class="ds">
                                    <p class="pd1">最大压头</p>
                                    <p class="pd2">3.2 Bar</p>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="./products.html">
                        <div class="pic">
                            <img src="./images/pro.png" alt="">
                        </div>
                        <div class="pt">
                            <p>SCM磁悬浮晶圆转台</p>
                        </div>
                        <div class="text">
                            <div class="db">
                                <p class="p1">Supermag®  SCP600</p>
                                <div class="ds">
                                    <p class="pd1">最大流量</p>
                                    <p class="pd2">75 L/min</p>
                                </div>
                                <div class="ds">
                                    <p class="pd1">最大压头</p>
                                    <p class="pd2">3.2 Bar</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>

        </div>





        <div class="getIn">
            <div class="box">
                <div class="t1">是否需要了解更多信息呢？</div>
                <div class="pics">
                    <div class="pic1">
                        <img src="./images/g1.png" alt="">
                    </div>
                    <div class="line">
                        <span></span>
                    </div>
                    <div class="pic2">
                        <img src="./images/g2.png" alt="">
                    </div>
                </div>
                <a href="./contact.html" class="contact_btn">
                    <p>联系我们</p>
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none">
                        <path
                            d="M8.85007 3.83424L1.66673 11.0176L0.483398 9.83424L7.66673 2.65091H1.35007V0.984244H10.5167V10.1509H8.85007V3.83424Z"
                            fill="white" />
                    </svg>
                </a>
            </div>
        </div>


        <div class="foot">
            <div class="dom">
                <div class="logo">
                    <img src="./images/logo.png" alt="">
                </div>
                <div class="icons">
                    <a>
                        <img src="./images/f1.png" alt="">
                        <div class="code">
                            <img src="./images/code.png" alt="">
                         </div>
                    </a>
                    <a href="">
                        <img src="./images/f2.png" alt="">
                    </a>
                    <a href="">
                        <img src="./images/f3.png" alt="">
                    </a>
                </div>
                <div class="copyright">
                    Copyright © 苏州苏磁智能科技-超级磁悬浮 All Rights Reserved. <a href="https://beian.miit.gov.cn/"
                        target="_blank">苏ICP备05001864号-1</a>
                </div>
            </div>
        </div>



    </div>
    <script src="./js/jquery-3.6.1.min.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/gsap.min.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/countUp.js"></script>
    <script>
        new WOW().init();
        $('select').on('change', function () {
            var selectedValue = $(this).val();
            if (selectedValue != '请选择') {
                $(this).css({ 'color': '#333' })
            } else {
                $(this).css({ 'color': '#999' })
            }
        });

        $('.chose1 select').on('change', function () {
            var selectedValue = $(this).val();

            if (selectedValue != '请选择'){
                $('.chose2').css({'display':'block'})
            }else{
                $('.chose2').css({'display':'none'})
            }
            
            if(selectedValue=='磁悬浮泵' || selectedValue=='应用行业场景'){
                $('.chose2 .items').eq(0).addClass('show').siblings('.items').removeClass('show')
            }else if(selectedValue=='磁悬浮泵2' || selectedValue=='应用行业场景2'){
                $('.chose2 .items').eq(1).addClass('show').siblings('.items').removeClass('show')
            }
        });

        $('.btn2').click(function(){
            $('select').val('请选择')
            $('select').css({ 'color': '#999' })
        })
    </script>
</body>

</html>